<script lang='ts'>
export default {
 name: 'Study9StuDemo4',
}
</script>

<template>
<h2>UI-Element组件</h2>
<div class="note"></div>
<div class="group">
  <h3>button按钮</h3>
  <UI1></UI1>
</div>
</template>

<script setup lang='ts'>
import UI1 from './components/UI1.vue';


</script>

<style scoped>
body {
padding: 20px;
}
h2 {
color: red;
}
h3 {
color: rgb(220, 85, 85);
}
h4 {
color:skyblue;
}
.hr-style {
border: 3px solid gold;
margin: 20px 0;
}
.group {
border: 4px solid rgb(102, 215, 85);
margin: 10px;
padding: 10px;
}
.group3 {
border: 2px solid rgb(64, 163, 199);
margin: 10px;
padding: 10px;
}
.note {
margin: 10px;
padding: 10px;
border: 3px solid rgb(221, 121, 202);
}
.note p {
color: rgb(226, 106, 204);
font-weight: bold;
}
</style>